/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/components/Header.vue?vue&type=style&index=0&id=61dd7a3d&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.header-wrapper[data-v-61dd7a3d] {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.main-header[data-v-61dd7a3d] {
  padding: 0;
}
.main-nav[data-v-61dd7a3d] .el-menu-item {
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.main-nav[data-v-61dd7a3d] .el-menu-item.is-active {
  border-bottom-color: #0181d5 !important;
  color: rgb(253, 213, 2) !important;
  background: #0920a8 !important;
}
.main-nav[data-v-61dd7a3d] .el-menu-item:hover {
  background: #0920a8 !important;
  color: rgb(253, 213, 2) !important;
  border-bottom-color: #0181d5 !important;
}
[data-v-61dd7a3d] .el-menu.el-menu--horizontal {
  border-bottom: none !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/components/Footer.vue?vue&type=style&index=0&id=40ab164b&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bgimg[data-v-40ab164b]{
  background-image: url(../img/foot.e6ddc2ab.png);
  background-size: cover;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#app {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4E5969;
  min-height: 100vh;
  background: radial-gradient(circle at top right, #d5eafa, #fff);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/home.vue?vue&type=style&index=0&id=7eb2bc79&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.home[data-v-7eb2bc79] {
  min-height: calc(100vh - 120px);
}
.banner-box[data-v-7eb2bc79] {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 120px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9;
}
.banner-search[data-v-7eb2bc79] {
  width: 300px;
  align-self: self-end;
  padding-top: 20px;
}
.banner-image1[data-v-7eb2bc79] {
  width: 100%;
  height: 280px;
  background-image: url(../img/b1.8fc070d5.png);
  background-size: cover;
  background-position: center;
}
.banner-image2[data-v-7eb2bc79] {
  width: 100%;
  height: 280px;
  background-image: url(../img/b2.593bdbf7.jpg);
  background-size: cover;
  background-position: center;
}
.features[data-v-7eb2bc79] {
  background-image: url(../img/dao-bg.0c49f5c9.png);
  background-size: cover;
}
.pro-bg[data-v-7eb2bc79] {
  background: url(../img/pro-bg.d364b7f3.png) no-repeat;
  background-size: cover;
  height: 420px;
  position: relative;
}
.dem-bg[data-v-7eb2bc79] {
  background: url(../img/dem-bg.7ba4e9fd.png) no-repeat;
  background-size: cover;
  height: 320px;
  position: relative;
}
.pro-cont[data-v-7eb2bc79] {
  height: 140px;
  width: 140px;
  position: absolute;
  bottom: 10px;
  right: 5px;
}
.product[data-v-7eb2bc79] {
  background-image: url(../img/productBg.64a91cea.64a91cea.png);
  background-size: cover;
}
.tab-item[data-v-7eb2bc79] {
  padding: 8px 16px;
  cursor: pointer;
  font-size: 16px;
  color: #4e596b;
  position: relative;
  margin-right: 30px;
  font-weight: bold;
}
.tab-item[data-v-7eb2bc79]:hover {
  color: #142d97;
}
.tab-item.active[data-v-7eb2bc79] {
  color: #142d97;
  font-weight: 500;
}
.tab-item.active[data-v-7eb2bc79]::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ffd700; /* 黄色下划线 */
  color: #142d97;
}
.publish-btn[data-v-7eb2bc79] {
  min-width: 150px;
  /* 天蓝色渐变 */
  background: linear-gradient(135deg, #596df4 0%, #87b1e9 100%) !important;
  font-size: 20px !important;
  padding: 12px 30px !important;
  border-radius: 8px !important;
  color: white !important;
  font-weight: bold;
  transition: all 0.3s ease;
  border: 1px solid rgba(89, 109, 244, 1) !important;
  margin-top: 0;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.publish-btn[data-v-7eb2bc79]:hover {
  background: linear-gradient(135deg, #596df4 0%, #87b1e9 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 114, 255, 0.6);
}
.publish-btn[data-v-7eb2bc79]:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0, 114, 255, 0.4);
}
.publish-btn[data-v-7eb2bc79]:focus {
  outline: none;
}
.demand-info h4[data-v-7eb2bc79] {
  margin: 30px 20px 10px 20px;
}
.custom-tabs[data-v-7eb2bc79] {
  flex: 1;
  margin-right: 20px;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__header {
  margin-bottom: 0;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__nav-wrap::after {
  display: none;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__item {
  font-size: 16px;
  color: #4e596b;
  font-weight: bold;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  border: none !important; /* 去掉边框 */
  background: none !important; /* 去掉背景 */
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__item:hover {
  color: #142d97;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__item.is-active {
  color: #142d97;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__active-bar {
  background-color: #ffd700;
  height: 3px;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__nav-scroll {
  overflow-x: auto;
}
.custom-tabs[data-v-7eb2bc79] .el-tabs__nav {
  white-space: nowrap;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/login.vue?vue&type=style&index=0&id=7589b93f&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.register-container[data-v-7589b93f] {
  background: url(../img/login_bg.4013f485.png);
  background-size: cover;
}
.back-to-home[data-v-7589b93f] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.login-tabs[data-v-7589b93f] .el-tabs__nav-wrap::after {
  display: none;
}
.login-tabs[data-v-7589b93f] .el-tabs__item {
  color: white;
  font-size: 16px;
}
.login-tabs[data-v-7589b93f] .el-tabs__item.is-active {
  color: #409eff;
}
.login-tabs[data-v-7589b93f] .el-tabs__active-bar {
  background-color: #409eff;
}

/* 响应式设计 */
@media (max-width: 992px) {
.content-wrapper[data-v-7589b93f] {
    flex-direction: column;
}
}
@media (max-width: 576px) {
.register-container[data-v-7589b93f] {
    padding: 10px;
}
.content-wrapper[data-v-7589b93f] {
    border-radius: 8px;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/supplierMarket.vue?vue&type=style&index=0&id=50439c7c&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.grid-container[data-v-50439c7c] {
  display: flex;
  flex-wrap: wrap;
}
.product-name[data-v-50439c7c] {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1.4;
  height: 45px;
}
.company-name[data-v-50439c7c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.supplier-market[data-v-50439c7c] {
  min-height: calc(100vh - 120px);
}
/* 自定义 Tabs 样式 */
.custom-tabs[data-v-50439c7c] .el-tabs__header {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.custom-tabs[data-v-50439c7c] .el-tabs__nav {
  border: none !important;
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
}
.custom-tabs[data-v-50439c7c] .el-tabs__item {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0; /* 防止压缩 */
}
.custom-tabs[data-v-50439c7c] .el-tabs__item.is-active {
  background-color: #0094de !important;
  color: white !important;
  border: none !important;
}
.custom-tabs[data-v-50439c7c] .el-tabs__item:not(.is-active):hover {
  color: #409eff !important;
}
.bread-box[data-v-50439c7c] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.el-breadcrumb[data-v-50439c7c] {
  padding: 15px;
  border-radius: 4px;
}
[data-v-50439c7c] .el-pagination.is-background .btn-next,[data-v-50439c7c] .el-pagination.is-background .btn-prev,[data-v-50439c7c] .el-pagination.is-background .el-pager li {
  background-color: #fff !important;
}
[data-v-50439c7c] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #596df4 !important;
  border: 1px solid #596df4 !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/supplierMarket-detail.vue?vue&type=style&index=0&id=4e2ab828&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bread-box[data-v-4e2ab828] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.el-breadcrumb[data-v-4e2ab828] {
  padding: 15px;
  border-radius: 4px;
}
.info-row[data-v-4e2ab828] {
  display: flex;
}
.info-card[data-v-4e2ab828] .el-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.label[data-v-4e2ab828]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #0094de;
  border-radius: 50%;
}
.clearfix[data-v-4e2ab828]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: #596df4;
  border-radius: 2px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/demandMarket.vue?vue&type=style&index=0&id=48c66801&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 自定义 Tabs 样式 */
.custom-tabs[data-v-48c66801] .el-tabs__header {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.custom-tabs[data-v-48c66801] .el-tabs__nav {
  border: none !important;
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
}
.custom-tabs[data-v-48c66801] .el-tabs__item {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0; /* 防止压缩 */
}
.custom-tabs[data-v-48c66801] .el-tabs__item.is-active {
  background-color: #0094de !important;
  color: white !important;
  border: none !important;
}
.custom-tabs[data-v-48c66801] .el-tabs__item:not(.is-active):hover {
  color: #409eff !important;
}
.bread-box[data-v-48c66801] {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
}
.el-breadcrumb[data-v-48c66801] {
  padding: 15px !important;
  border-radius: 4px !important;
}
[data-v-48c66801] .el-pagination.is-background .btn-next,[data-v-48c66801] .el-pagination.is-background .btn-prev,[data-v-48c66801] .el-pagination.is-background .el-pager li {
  background-color: #fff !important;
}
[data-v-48c66801] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #596df4 !important;
  border: 1px solid #596df4 !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/demandMarket-detail.vue?vue&type=style&index=0&id=22e3b8cd&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.bread-box[data-v-22e3b8cd] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.el-breadcrumb[data-v-22e3b8cd] {
  padding: 15px;
  border-radius: 4px;
}
.info-card[data-v-22e3b8cd] .el-card__body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.label[data-v-22e3b8cd]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #0094de;
  border-radius: 50%;
}
.clearfix[data-v-22e3b8cd]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: #596df4;
  border-radius: 2px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/enterpriseCenter.vue?vue&type=style&index=0&id=b2277fa0&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 自定义 Tabs 样式 */
.custom-tabs[data-v-b2277fa0] .el-tabs__header {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}
.custom-tabs[data-v-b2277fa0] .el-tabs__nav {
  border: none !important;
  display: flex;
  flex-wrap: wrap; /* 允许换行 */
}
.custom-tabs[data-v-b2277fa0] .el-tabs__item {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  flex-shrink: 0; /* 防止压缩 */
}
.custom-tabs[data-v-b2277fa0] .el-tabs__item.is-active {
  background-color: #0094de !important;
  color: white !important;
  border: none !important;
}
.custom-tabs[data-v-b2277fa0] .el-tabs__item:not(.is-active):hover {
  color: #409eff !important;
}
.bread-box[data-v-b2277fa0] {
  display: flex;
  align-items: center;
  justify-content: start;
}
.el-breadcrumb[data-v-b2277fa0] {
  padding: 15px;
  border-radius: 4px;
}
[data-v-b2277fa0] .el-pagination.is-background .btn-next,[data-v-b2277fa0] .el-pagination.is-background .btn-prev,[data-v-b2277fa0] .el-pagination.is-background .el-pager li {
  background-color: #fff !important;
}
[data-v-b2277fa0] .el-pagination.is-background .el-pager li:not(.disabled).active {
  color: #596df4 !important;
  border: 1px solid #596df4 !important;
}
.box[data-v-b2277fa0]{
   background-image: url(../img/enter-bg.65280338.png);
  background-size: cover;
  background-position: center;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/register.vue?vue&type=style&index=0&id=77453986&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.register-container[data-v-77453986] {
  background: url(../img/login_bg.4013f485.png); 
  background-size: cover;
}
.back-to-home[data-v-77453986] {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
/* 覆盖 Element UI 样式 */
.register-container[data-v-77453986] .el-form-item {
  margin-bottom: 25px;
}
.register-container[data-v-77453986] .el-form-item__content {
  line-height: normal;
}

/* 响应式设计 */
@media (max-width: 992px) {
.content-wrapper[data-v-77453986] {
    flex-direction: column;
}
}
@media (max-width: 576px) {
.register-container[data-v-77453986] {
    padding: 10px;
}
.content-wrapper[data-v-77453986] {
    border-radius: 8px;
}
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/center/components/PersonalCenter.vue?vue&type=style&index=0&id=18c7a7ce&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.info-item[data-v-18c7a7ce] {
  margin-bottom: 20px;
  text-align: center;
}
.box-card[data-v-18c7a7ce] {
  height: 100%;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/center/components/productManage.vue?vue&type=style&index=0&id=e22ada6a&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

p[data-v-e22ada6a] {
  margin: 0;
  padding: 0;
}
[data-v-e22ada6a] .el-divider--horizontal {
  margin: 12px 0;
}
[data-v-e22ada6a] .el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #d32521;
}
[data-v-e22ada6a] .el-table thead {
  color: #000;
}
.avatar-uploader .el-upload[data-v-e22ada6a] {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 178px;
  height: 178px;
}
.avatar-uploader .el-upload[data-v-e22ada6a]:hover {
  border-color: #409eff;
}
.avatar-uploader-icon[data-v-e22ada6a] {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar[data-v-e22ada6a] {
  width: 178px;
  height: 178px;
  display: block;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/center/components/requirementManage.vue?vue&type=style&index=0&id=95ec1cc2&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

p[data-v-95ec1cc2] {
  margin: 0;
  padding: 0;
}
[data-v-95ec1cc2] .el-divider--horizontal {
  margin: 12px 0;
}
[data-v-95ec1cc2] .el-menu--horizontal > .el-menu-item.is-active {
  border-bottom-color: #d32521;
}
[data-v-95ec1cc2] .el-table thead {
  color: #000;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=unocss%3Awebpack!./src/views/center/profile.vue?vue&type=style&index=0&id=7c5819ee&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.container[data-v-7c5819ee] {
  height: calc(100vh - 40px); /* 减去上下padding */
  padding: 20px;
  box-sizing: border-box;
}
.main-content[data-v-7c5819ee] {
  height: 100%;
  overflow: hidden;
}
.menu-container[data-v-7c5819ee] {
  height: 100%;
  box-sizing: border-box;
}
.menu-wrapper[data-v-7c5819ee] {
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.menu[data-v-7c5819ee] {
  height: 100%;
  border: none;
}
.content-container[data-v-7c5819ee] {
  height: 100%;
  padding: 0;
}
.content-wrapper[data-v-7c5819ee] {
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* 清除默认的 el-col 间距 */
.el-row[data-v-7c5819ee] {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/css/global.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/unplugin/dist/webpack/loaders/load.js??ruleSet[1].rules[0].use[0]!./_virtual_%2F__uno.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.p-0{padding:0rem;}.p-10px{padding:10px;}.p-20px{padding:20px;}.p-30px{padding:30px;}.p-40px{padding:40px;}.p-5px{padding:5px;}.px-0{padding-left:0rem;padding-right:0rem;}.px-20px{padding-left:20px;padding-right:20px;}.px-30px{padding-left:30px;padding-right:30px;}.pb-0{padding-bottom:0rem;}.pb-20px{padding-bottom:20px;}.pl-15px{padding-left:15px;}.pt-10px{padding-top:10px;}.pt-20px{padding-top:20px;}.m-0{margin:0rem;}.mx-30px{margin-left:30px;margin-right:30px;}.mx-auto{margin-left:auto;margin-right:auto;}.my-20px{margin-top:20px;margin-bottom:20px;}.mb-10px{margin-bottom:10px;}.mb-15px{margin-bottom:15px;}.mb-20px{margin-bottom:20px;}.mb-25px{margin-bottom:25px;}.mb-30px{margin-bottom:30px;}.mb-5px{margin-bottom:5px;}.ml-10px{margin-left:10px;}.ml-20px{margin-left:20px;}.ml-5px{margin-left:5px;}.mr-\[30px\]{margin-right:30px;}.mr-10px{margin-right:10px;}.mr-15px{margin-right:15px;}.mt-10px{margin-top:10px;}.mt-15px{margin-top:15px;}.mt-20px{margin-top:20px;}.mt-30px{margin-top:30px;}.block{display:block;}.hidden{display:none;}.bg-\[\#0094de\]{--un-bg-opacity:1;background-color:rgba(0,148,222,var(--un-bg-opacity));}.bg-\[\#0920a8\]{--un-bg-opacity:1;background-color:rgba(9,32,168,var(--un-bg-opacity));}.bg-\[\#E5E5E5\]{--un-bg-opacity:1;background-color:rgba(229,229,229,var(--un-bg-opacity));}.bg-\[\#F6F7F9\]{--un-bg-opacity:1;background-color:rgba(246,247,249,var(--un-bg-opacity));}.bg-\[rgb\(89\,109\,244\)\]{--un-bg-opacity:1;background-color:rgba(89,109,244,var(--un-bg-opacity));}.bg-\[rgba\(5\,31\,84\,0\.9\)\]{--un-bg-opacity:0.9;background-color:rgba(5,31,84,var(--un-bg-opacity));}.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));}.border,[border=""]{border-width:1px;border-style:solid;}.border-b-0{border-bottom-width:0px;border-bottom-style:solid;}.border-\[rgb\(89\,109\,244\)\]{--un-border-opacity:1;border-color:rgba(89,109,244,var(--un-border-opacity));}.rounded-12px{border-radius:12px;}.rounded-4px{border-radius:4px;}.rounded-8px{border-radius:8px;}.text-\[12px\],.text-12px{font-size:12px;}.text-\[30px\]{font-size:30px;}.text-\[50px\]{font-size:50px;}.text-14px{font-size:14px;}.text-16px{font-size:16px;}.text-18px{font-size:18px;}.text-24px{font-size:24px;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.text-ellipsis{text-overflow:ellipsis;}.no-underline{text-decoration:none;}.text-center{text-align:center;}.text-right{text-align:right;}.text-justify{text-align:justify;}.hover\:text-\[\#409EFF\]:hover{--un-text-opacity:1;color:rgba(64,158,255,var(--un-text-opacity));}.hover\:text-white:hover,.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}.text-\[\#0669C8\]{--un-text-opacity:1;color:rgba(6,105,200,var(--un-text-opacity));}.text-\[\#142d97\]{--un-text-opacity:1;color:rgba(20,45,151,var(--un-text-opacity));}.text-\[\#333\]{--un-text-opacity:1;color:rgba(51,51,51,var(--un-text-opacity));}.text-\[\#4e5969\],.text-\[\#4E5969\]{--un-text-opacity:1;color:rgba(78,89,105,var(--un-text-opacity));}.text-\[\#4e596b\]{--un-text-opacity:1;color:rgba(78,89,107,var(--un-text-opacity));}.text-\[\#5a6ff4\]{--un-text-opacity:1;color:rgba(90,111,244,var(--un-text-opacity));}.text-\[\#666\]{--un-text-opacity:1;color:rgba(102,102,102,var(--un-text-opacity));}.text-\[\#67c23a\]{--un-text-opacity:1;color:rgba(103,194,58,var(--un-text-opacity));}.text-\[\#6C6C6C\]{--un-text-opacity:1;color:rgba(108,108,108,var(--un-text-opacity));}.text-\[\#8F8F8F\]{--un-text-opacity:1;color:rgba(143,143,143,var(--un-text-opacity));}.text-\[\#add8e6\]{--un-text-opacity:1;color:rgba(173,216,230,var(--un-text-opacity));}.text-\[\#e6a23c\]{--un-text-opacity:1;color:rgba(230,162,60,var(--un-text-opacity));}.text-\[\#f56c6c\]{--un-text-opacity:1;color:rgba(245,108,108,var(--un-text-opacity));}.text-gray-300{--un-text-opacity:1;color:rgba(209,213,219,var(--un-text-opacity));}.text-gray-400{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity));}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;}.shadow-\[0_2px_12px_0_rgba\(0\,0\,0\,0\.1\)\]{--un-shadow:0 2px 12px 0 var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow,.flex-grow-1{flex-grow:1;}.flex-col{flex-direction:column;}.gap-30px{grid-gap:30px;gap:30px;}.gap-4px{grid-gap:4px;gap:4px;}.absolute{position:absolute;}.relative{position:relative;}.h-100px{height:100px;}.h-120px{height:120px;}.h-150px{height:150px;}.h-200px{height:200px;}.h-24px{height:24px;}.h-280px{height:280px;}.h-300px{height:300px;}.h-30px{height:30px;}.h-38px{height:38px;}.h-40px{height:40px;}.h-50px{height:50px;}.h-70px{height:70px;}.h-80px{height:80px;}.h-full{height:100%;}.h4,[h4=""]{height:1rem;}.max-h-full{max-height:100%;}.max-w-1200px{max-width:1200px;}.max-w-400px{max-width:400px;}.max-w-full{max-width:100%;}.min-h-\[calc\(100vh-120px\)\]{min-height:calc(100vh - 120px);}.min-h-80vh{min-height:80vh;}.min-h-screen{min-height:100vh;}.w-100px{width:100px;}.w-120px{width:120px;}.w-1px{width:1px;}.w-200px{width:200px;}.w-24px{width:24px;}.w-30px{width:30px;}.w-500px{width:500px;}.w-50px{width:50px;}.w-full{width:100%;}[h2=""]{height:0.5rem;}.cursor-pointer{cursor:pointer;}[visible=""]{visibility:visible;}.whitespace-nowrap{white-space:nowrap;}.break-all{word-break:break-all;}.overflow-hidden{overflow:hidden;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.self-end{align-self:flex-end;}.transition-colors-300{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.m-auto{margin:0 auto;}.list-none{list-style-type:none;}.b-1-\[\#e5e5e5\]{border:1px solid #e5e5e5;}@media (min-width: 768px){.md\:p-20px{padding:20px;}.md\:p-30px{padding:30px;}.md\:px-15px{padding-left:15px;padding-right:15px;}.md\:mb-20px{margin-bottom:20px;}.md\:text-\[32px\]{font-size:32px;}.md\:text-\[36px\]{font-size:36px;}.md\:text-16px{font-size:16px;}.md\:gap-15px{grid-gap:15px;gap:15px;}.md\:max-w-full{max-width:100%;}.md\:items-start{align-items:flex-start;}}
